<!DOCTYPE html>
<html>

	<meta charset="utf-8">

	<head th:include="include :: header"></head>

	<body>

		<div class="ibox-content">
			<div id="deptTree"></div>
		</div>
		<div class="form-group hidden">
			<div class="col-sm-12 col-sm-offset-12">
				<button type="submit" class="btn btn-primary">提交</button>
			</div>
		</div>

		<div th:include="include :: footer"></div>

		<script type="text/javascript">
			$(document).ready(function() {
				getTreeData()
			});

			function getTreeData() {
				$.ajax({
					type: "GET",
					url: top.ctx+"/system/sysDept/tree",
					success: function(tree) {
						loadTree(tree);
					}
				});
			}

			function loadTree(tree) {
				$('#deptTree').jstree({
					'core': {
						'data': tree
					},
					"plugins": ["search"]
				});
				$('#deptTree').jstree().open_all();
			}
			$('#deptTree').on("changed.jstree", function(e, data) {
				if(data.node.id != -1) {
					parent.loadDept(data.node.id, data.node.text);
					var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
					parent.layer.close(index);
				}

			});
		</script>
	</body>

</html>